<template>
  <div class="box">
    <!-- 我的待办 -->
    <div class="todoBox">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span style="float:left">我的待办</span>
          <el-button style="float: right; padding: 3px 0" type="text">更多</el-button>
        </div>
        <div v-for="(item,index) in todoList" :key="index" class="text item"
          style="display:flex;justify-content:space-between">
          <div style="flex:2;white-space: nowrap;text-align: left;text-overflow: ellipsis;">{{ item.todoContent }}</div>
          <div style="flex:1">{{item.todoDate}}</div>
        </div>
      </el-card>
    </div>
    <!-- 便捷导航 -->
    <div class="navBox">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span style="float:left">便捷导航</span>
          <el-button style="float: right; padding: 3px 0" type="text">更多</el-button>
        </div>
        <!-- <div v-for="o in 4" :key="o" class="text item">
          <a href="#">{{'列表内容 ' + o }}</a>
        </div> -->
      </el-card>
    </div>
  </div>

</template>
<script>
// import dayjs from 'dayjs'
import { login } from '@/api/login'
export default {
  data() {
    return {
      todoList: [
        {
          "todoId": 1385966,
          "todoSource": "招聘管理",
          "todoType": "2",
          "todoTitle": "您收到【2022-10-07 11:43:09-人力实习生S面试】的面试邀请，请查看并反馈",
          "todoContent": "您收到【2022-10-07 12:34:09-人力实习生S面试】的面试邀请，请查看并反馈",
          "todoDate": 1665114185000,
          "linkPc": "/#/ihr/selfhelp/my-recruit/interviewer",
          "linkMobile": null,
          "keyword": "1578229238069448707",
          "sender": "招聘系统",
          "sendDate": 1665114287000,
          "receiver": 10000000,
          "status": "0",
          "syncStatus": "2",
          "pushTarget": "3",
          "sendCount": 1,
          "createDate": 1665114147000,
          "createBy": null,
          "lastUpdateDate": 1665114147000,
          "lastUpdateBy": null,
          "receiverLoginId": "admin",
          "receiverUserName": "administrator",
          "type": null,
          "instId": null,
          "projectStageId": ""
        },
        {
          "todoId": 1385968,
          "todoSource": "招聘管理",
          "todoType": "2",
          "todoTitle": "您收到【2022-10-07 11:43:09-人力实习生S面试】的面试邀请，请查看并反馈",
          "todoContent": "您收到【2022-10-07 12:34:09-人力实习生S面试】的面试邀请，请查看并反馈查看并反馈查看并反馈查看并反馈",
          "todoDate": 1665114185000,
          "linkPc": "/#/ihr/selfhelp/my-recruit/interviewer",
          "linkMobile": null,
          "keyword": "1578229238069448706",
          "sender": "招聘系统",
          "sendDate": 1665114287000,
          "receiver": 10000000,
          "status": "0",
          "syncStatus": "2",
          "pushTarget": "3",
          "sendCount": 1,
          "createDate": 1665114147000,
          "createBy": null,
          "lastUpdateDate": 1665114147000,
          "lastUpdateBy": null,
          "receiverLoginId": "admin",
          "receiverUserName": "administrator",
          "type": null,
          "instId": null,
          "projectStageId": ""
        },
        {
          "todoId": 1385244,
          "todoSource": "SYSTEM",
          "todoType": "2",
          "todoTitle": "【核实】付之强2022年四月绩效考核计划",
          "todoContent": "【核实】付之强2022年四月绩效考核计划",
          "todoDate": 1664246379000,
          "linkPc": "/#/ihr/selfhelp/my-performance-detail?planId=1496765850457260033",
          "linkMobile": "/my-performance/plan-datail?planId=1496765850457260033",
          "keyword": "PFM_N_1496765850457260033_6_10000000",
          "sender": "流程系统",
          "sendDate": 1665016384000,
          "receiver": 10000000,
          "status": "0",
          "syncStatus": "2",
          "pushTarget": "3",
          "sendCount": 1,
          "createDate": 1664246379000,
          "createBy": null,
          "lastUpdateDate": 1664246379000,
          "lastUpdateBy": null,
          "receiverLoginId": "admin",
          "receiverUserName": "administrator",
          "type": null,
          "instId": null,
          "projectStageId": "6"
        },
        {
          "todoId": 1385230,
          "todoSource": "招聘管理",
          "todoType": "2",
          "todoTitle": "您收到【2022-09-27 10:18:30-养户管理员面试】的面试邀请，请查看并反馈",
          "todoContent": "您收到【2022-09-27 11:18:30-养户管理员面试】的面试邀请，请查看并反馈",
          "todoDate": 1664245182000,
          "linkPc": "/#/ihr/selfhelp/my-recruit/interviewer",
          "linkMobile": null,
          "keyword": "1574584375275708419",
          "sender": "招聘系统",
          "sendDate": 1665016384000,
          "receiver": 10000000,
          "status": "0",
          "syncStatus": "2",
          "pushTarget": "3",
          "sendCount": 1,
          "createDate": 1664245144000,
          "createBy": null,
          "lastUpdateDate": 1664245144000,
          "lastUpdateBy": null,
          "receiverLoginId": "admin",
          "receiverUserName": "administrator",
          "type": null,
          "instId": null,
          "projectStageId": ""
        },
        {
          "todoId": 1385232,
          "todoSource": "招聘管理",
          "todoType": "2",
          "todoTitle": "您收到【2022-09-27 10:18:30-养户管理员面试】的面试邀请，请查看并反馈",
          "todoContent": "您收到【2022-09-27 11:18:30-养户管理员面试】的面试邀请，请查看并反馈",
          "todoDate": 1664245182000,
          "linkPc": "/#/ihr/selfhelp/my-recruit/interviewer",
          "linkMobile": null,
          "keyword": "1574584375275708418",
          "sender": "招聘系统",
          "sendDate": 1665016384000,
          "receiver": 10000000,
          "status": "0",
          "syncStatus": "2",
          "pushTarget": "3",
          "sendCount": 1,
          "createDate": 1664245144000,
          "createBy": null,
          "lastUpdateDate": 1664245144000,
          "lastUpdateBy": null,
          "receiverLoginId": "admin",
          "receiverUserName": "administrator",
          "type": null,
          "instId": null,
          "projectStageId": ""
        }
      ],
      userInfo: {
        user: {
          name: '1'
        }
      }
    }
  },
  methods: {
    async loginTest() {
      login(this.userInfo).then(res=>{
        console.log(res.data)
      })
    },
  }
}
</script>
<style scoped>
.box {
  display: flex;
}

.todoBox {
  flex: 1
}

.navBox {
  flex: 1
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
  border-bottom: 1px solid #EBEEF5;
  width: 100%;
  height: 35px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  width: 600px;
}
</style>